<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/shopping.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <script>
        if(localStorage.getItem("isLogin") !== "ok"){
            if(confirm("未登录不能进购物车，是否去登录")){
                location.href = "./login.html";
            }else{
                location.href = "./index.html";
            }
        }
    </script>
</head>

<body>
<!-- 网页的头部 -->
<div id="header">
    <div id="header-1">
        <div class="left">
            <p>嗨，欢迎来订花乐！</p>
            <a href="" style="color: rgb(136, 78, 34);">
                <i class="iconfont">&#xe62b;</i>
            </a>
            <a href="" id="weixin">关注微信</a>
            <img src="./images/gz.jpg" alt="" id="img">
        </div>
        <div class="right">
            <a href="./index.html" class="r-1">首页</a>
            <a href="./flower.html" class="r-2" style="color: rgb(136, 78, 34);">继续购物</a>
            <span class="s-1"></span>
            <a href="./order.html" class="r-3">订单查询</a>
            <span class="s-2"></span>
            <a href="./shopping.html" class="r-4" style="color: rgb(136, 78, 34);"> <span>
                        <i class="iconfont">&#xe600;</i>
                        购物车</span>
            </a>
            <span class="s-3"></span>
            <a href="" id="phone">手机下单</a>
            <img src="./images/sm.png" alt="" id="rders">
        </div>
    </div>
</div>

<div class="header-2">
    <div class="header-2-1">
        <a href="#">
            <img src="images/logo.png" alt="">
        </a>
        <div class="header-4">
            <a href="" class="h-4-1">
                <i class="iconfont">&#xe668;</i>
                <span>400-060-1520</span>
            </a>
        </div>
    </div>

</div>


<div class="cart-maincont">
    <div class="goods-mess content">
        <!--商品内容区-->


        <div class="goods-allcont">
            <div class="goods-title">
                <div class="goods-allcheck single-area">
                    <input style="position: relative; top: 1px;" name="total" type="checkbox" id="allFlag">
                    &nbsp;
                    <lable for="allFlag">全选</lable>
                </div>
                <div class="goods-name single-area">
                    <p>商品信息</p>
                </div>
                <div class="goods-entry single-area">
                    <p>数量</p>
                </div>
                <div class="goods-entry single-area">
                    <p>单价</p>
                </div>

                <div class="goods-entry single-area">
                    <p>总价</p>
                </div>
                <div class="goods-entry single-area">
                    <p>操作</p>
                </div>
            </div>
            <div class="goods-cont aaaa">

                <div class="goods-items">
                    <div class="goods-allcheck single-area">
                        <input name="goods" value="1630836954076" data-price="298" data-num="1" type="checkbox">
                    </div>
                    <div class="goods-name single-area">
                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg"
                             class="goods-image">
                        &nbsp;&nbsp;
                        <p class="goods-des">永恒回忆</p>
                    </div>
                    <div class="goods-entry single-area">

                        <p class="text-light"><input type="number" value="1" style="width:50px;text-align:center">
                        </p>
                    </div>
                    <div class="goods-entry single-area">
                        <p class="redfont">￥298</p>
                    </div>
                    <div class="goods-entry single-area">
                        <p>￥298</p>
                    </div>
                    <div class="goods-entry single-area cursorponiter" onclick="deleteGoods('1630836954076')">
                        <img src="./images/sc.png" alt="">
                    </div>
                </div>

                <!-- </div> -->

                <!-- <div class="goods-cont aaaa"> -->

                <!-- <div class="goods-items">
                    <div class="goods-allcheck single-area">
                        <label><input name="goods" value="1630836954076" data-price="298" data-num="1"
                                data-id="1630836954076" type="checkbox" onchange="selectCurrent(this)"></label>
                    </div>
                    <div class="goods-name single-area">

                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg"
                            class="goods-image">
                        &nbsp;&nbsp;
                        <p class="goods-des">永恒回忆</p>
                    </div>
                    <div class="goods-entry single-area">
                        <p>
                            <del class="text-light">￥359</del>
                        </p>
                    </div>
                    <div class="goods-entry single-area">
                        <p class="redfont">￥298</p>
                    </div>
                    <div class="goods-entry single-area">
                        <p>1</p>
                    </div>
                    <div class="goods-entry single-area cursorponiter" onclick="deleteGoods('1630836954076')">
                        <img src="./images/sc.png" alt="">
                    </div>
                </div> -->

            </div>
        </div>

        <div class="goods-settlement">
            <div class="goods-settlementcont">
                <div class="goods-allcheck single-area">
                </div>
                <div class="goods-name single-area cursorponiter">
                    <!-- <button>删除</button> -->
                </div>
                <div class="goods-entry goods-allnumber single-area">
                    <p>共</p>
                    <p id="total-num" class="large-size allNum">0</p>
                    <p></p>
                    <p>件商品</p>
                </div>
                <div class="goods-entry goods-payable single-area">
                    <p>应付金额:</p>
                    <p class="redfont large-size">￥<span id="total-price" class="allPrice">0</span></p>
                    <p></p>
                </div>
                <div class="goods-entry goods-allsettlement single-area">
                    <div onclick="submitCarts()" href="/subOrder.html" class="a-colorfont cursorponiter">结算</div>
                </div>
            </div>
        </div>


    </div>


</div>


<!-- <div class="input-1">
<input type="text" class="input">
</div>
<div class="shopping">购物车暂无内容</div> -->


<div class="bottom">
    <div class="bottom-1">
        <div class="bottom-1-1">
            <a href="">
                <img src="images/logo.png" alt="">
            </a>
        </div>

        <div class="bottom-2">
            <div class="bottom-2-1">
                <p>热门导航</p>
                <a href="./index.html" class="footer-nav-item">网站首页</a>
                <a href="./flower.html" class="footer-nav-item">网站首页</a>
                <a href="./order.html" target="_blank" class="footer-nav-item">订单查询</a>
                <a href="./flower.html" target="_blank" class="footer-nav-item">全部商品</a>


            </div>
            <div class="bottom-2-2">
                <div class="bottom-2-2-1">
                    <p>客服服务</p>
                    <a href="">关于我们</a>
                    <a href="">服务声明</a>
                    <a href="">订花流程</a>
                    <a href="">支付方式</a>
                </div>
                <div class="bottom-2-2-2">
                    <a href="">配送说明</a>
                    <a href="">售后服务</a>
                    <a href="">隐私条款</a>
                    <a href="">联系我们</a>
                </div>

            </div>
            <div class="bottom-2-3">
                <p>联系我们</p>
                <a href="">意见反馈</a>
                <a href="">工作时间：07:00-23:00</a>
                <a href="">7*24小时在线订购</a>
                <a href="">全国热线：400-060-1520</a>
            </div>


        </div>
        <div class="bottom-2-4">
            <img src="images/erweima.jpg" alt="" class="bottom-2-4-1">
            <p>扫码关注微信</p>
        </div>


    </div>


</div>

<div class="footer-bottom">
    <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
        </br>
        <a href="">蜀ICP备20016463号-2</a>&nbsp;
    </p>
</div>


</body>
<script src="js/header.js"></script>
<script src="libs/require.js" data-main="js/shoppingMain"></script>
<script>
    function myFunction(str, price, num) {
        $("#" + str).text(num * price)
        const goodsMsg = localStorage.getItem("goodsMsg") ? JSON.parse(localStorage.getItem("goodsMsg")) : [];
        for (var i = 0; i < goodsMsg.length; i++) {
            if (goodsMsg[i].id == str) {
                goodsMsg[i].num = num;
            }
        }
    }
</script>
</html>